﻿
body 
{
    /*background-image:url("../../Content/themes/picture/welcomebackground.png");*/
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:top;
    margin:0;padding:0;
    background-color: #DAEAF5;
    
}
/*IE6下的img标签不支持背景*/
/*.pngImg
{
  _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
 }
*/
#page
{
    margin:0 auto;
    width:1003px;
   /* width:1320px;*/
    height:676px;
    /*height:auto;*/
    background-image:url("../../Content/themes/picture/h1_pic/mainbk.png");
    position:relative;
    
 }
 #topbox div
 {
    /*margin-top:60px;*/
   /* position:relative;*/
    background-image:url("../../Content/themes/picture/h1_pic/logo.png");
    background-attachment:scroll;
    background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/logo.png");
   position:absolute;
   left:30px;
   top:40px;
   width:140px;
   height:90px;
   }
 #topbox img
 {
     margin-top:40px;
     margin-left:30px;
     }
 #title
 {
  /*font-family:@方正姚体;*/
   color:rgb(246,237,160);
   font-weight:bold;
   font-size:37px;
   position:absolute;
   left:165px;
   top:55px;
   width:auto;
   height:auto;
 }

 #mian
{
    margin:0 auto;
    padding:0 auto;
    width:100%;
    height:auto;
  /*  position:relative;*/
 }
 #Bubblebox1
 {
      background-image:url("../../Content/themes/picture/h1_pic/logimg.png");
    background-attachment:scroll;
    background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/logimg.png");
     width:112px;
     height:108px;
     position:absolute;
     left:55px;
     top:145px;
     cursor:pointer;
 }
   #shinebubble1
   {
      background-image:url("../../Content/themes/picture/h1_pic/smallbubble1.png");
     background-attachment:scroll;
      background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/smallbubble1.png");
     display:none; 
     width:145px;
     height:135px;
     position:absolute;
     left:33px;
     top:126px;
     cursor:pointer;
       
       }
 #Bubblebox2
 {
      background-image:url("../../Content/themes/picture/h1_pic/mainimg.png");
    background-attachment:scroll;
    background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/mainimg.png");
     width:130px;
     height:130px;
     position:absolute;
     left:175px;
     top:430px;
     cursor:pointer;
   }
   #shinebubble2
   {
     background-image:url("../../Content/themes/picture/h1_pic/smallbubble2.png");
     background-attachment:scroll;
      background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/smallbubble2.png");
     display:none; 
     width:175px;
     height:166px;
     position:absolute;
     left:149px;
     top:409px;
     cursor:pointer;
    }
  #shinebubble2 img
  {
      width:174px;
      height:170px;
    }
 #Bubblebox3
 {
     background-image:url("../../Content/themes/picture/h1_pic/workimg.png");
     background-attachment:scroll;
      background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/workimg.png");
     width:100px;
     height:100px;
     position:absolute;
     left:765px;
     top:490px;
     cursor:pointer;
     }
    #shinebubble3
   {
     background-image:url("../../Content/themes/picture/h1_pic/smallbubble3.png");
     background-attachment:scroll;
      background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/smallbubble3.png");
     display:none; 
     width:130px;
     height:123px;
     position:absolute;
     left:745px;
     top:473px;
     cursor:pointer;
    }
  #shinebubble3 img
  {
      width:130px;
      height:121px;
      }
 #Bubblebox4
 {
      background-image:url("../../Content/themes/picture/h1_pic/androidbk.png");
     background-attachment:scroll;
      background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/androidbk.png");
     width:195px;
     height:130px;
     position:absolute;
     left:770px;
     top:85px;
     }
  #tipbubble
  {
    background-image:url("../../Content/themes/picture/h1_pic/bigbubble.png");
    background-attachment:scroll;
    background-repeat:no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/bigbubble.png");
   /*width:375px;
     height:380px;*/
    width:400px;
    height:400px;
    position:absolute;
    left:310px;
    top:130px;
   display:none;
   /* z-index:100;*/
    /*background-color:transparent;*/
      }
  /* #tipbubble_child
   {
      background-image:url("../../Content/themes/picture/h1_pic/bigbubble.png");
      background-attachment :scroll;
      background-repeat:no-repeat; 
      width:100%;
      height:100%; 
      position:absolute;
     }*/
    #sub
   {
       width:290px;
       height:300px;
       margin-left:50px;
       margin-top:50px;
       }
  #tipbubble p
  {
      margin-top:10px;
      margin-left:105px;
     /* font-family:@方正姚体;*/
      /*color:rgb(117,152,22);*/
      color:rgb(162,162,0);
      font-size:30px;
       font-weight:bold;
      }
  #tipbubble span
  {
      font-family:华文行楷;
      color:rgb(246,237,160);
     font-weight:bold;
    font-size:20px;
    line-height:23px;
     margin-left:20px;
      }
 #androidbox
 {
     width:auto;
     height:auto;
     position:absolute;
     left:806px;
     top:105px;
     
     }
  #androidbox a
  {
      text-decoration:none;
      }
 #androidbox span
 {
    font-family:宋体;
    color:Black;
    font-size:13px;
   font-weight:bold;
    margin-left:15px;
    
     }
#download
{
     margin-left:5px;
     background:url("../../Content/themes/picture/h1_pic/android.png") no-repeat scroll 0 0 transparent;
    /* background-position:0px 0px;*/
     width:121px;
     height:35px;
     border: 0 none;
     cursor: pointer;
     outline: medium none;
     overflow: hidden;
     color:White;
     font-weight:bold; 
     font-family:微软雅黑;
     margin-top:10px;
    }
.clear
{clear:both;
    
    }
#introbox
{
    width:310px;
    height:auto;
    position:absolute;
    left:335px;
    top:255px;
    
    }

#introbox span
{
    font-family:华文楷体;
    font-size:15px;
    line-height:20px;
    font-weight:bold;
    }
#enterbtn
{
     background:url("../../Content/themes/picture/h1_pic/enterbtn.png") no-repeat scroll 0 0 transparent;
     /*IE6下只支持背景*/
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Content/themes/picture/h1_pic/enterbtn.png");
     width:158px;
     height:63px;
     border: 0 none;
     cursor: pointer;
     outline: medium none;
    overflow: hidden;
     color:White;
     font-weight:bold; 
     font-family:微软雅黑;
     margin-top:6px;
     margin-left:80px;
     font-size:24px;
     _font-size:20px;
   
    }

 #foot
 {
     position:absolute;
     width:auto;
     height:auto;
     left:200px;
     top:600px;
     line-height:23px;
 }
 #foot span
 {
     color:White;
     font-size:12px;
     font-weight:bold;
     font-family:宋体;
     }
 #dem ul
    {
       /* text-align: left;*/
        width:350px;
    }
    
    #dem
    {
        overflow: hidden;
        width:330px;
        height: 120px;
        float: left;
        display: inline;
        font-family:宋体;
       line-height:20px;
    }
    .demcom li
    {
      list-style: none outside none;
      width:350px;
      font-size:12px;
    }